import {
    IonHeader,
    IonIcon,
    IonPage,
    IonTitle,
    IonToolbar,
} from "@ionic/react";
import { arrowBack, ellipsisHorizontalOutline } from "ionicons/icons";
import { useHistory } from "react-router";

export default function Login() {
    const history = useHistory();

    return (
        <IonPage>
            <IonHeader>
                <IonToolbar>
                    <IonIcon
                        icon={arrowBack}
                        slot="start"
                        onClick={() => {
                            history.goBack();
                            console.log("go back");
                        }}
                    ></IonIcon>
                    <IonTitle>登录页</IonTitle>
                    <IonIcon
                        icon={ellipsisHorizontalOutline}
                        slot="end"
                    ></IonIcon>
                </IonToolbar>
            </IonHeader>
        </IonPage>
    );
}
